<template>
  <div class="homepage">
    <MySearch></MySearch>
    <BackGround class="background"></BackGround>
    <MySwiper></MySwiper>
    <MyList></MyList>
    <SecKill></SecKill>
    <WaterFull></WaterFull>
    <TabBar class="tabbar"></TabBar>
  </div>
</template>

<script>
import MySearch from "../components/HomePage/MySearch.vue";
import MySwiper from "../components/HomePage/MySwiper.vue";
import BackGround from "../components/HomePage/BackGround.vue";
import MyList from "../components/HomePage/MyList.vue";
import SecKill from "../components/HomePage/SecKill.vue";
import WaterFull from "../components/HomePage/WaterFull.vue";
import TabBar from "../components/HomePage/TabBar.vue";
export default {
  components: {
    MySearch,
    MySwiper,
    BackGround,
    MyList,
    SecKill,
    WaterFull,
    TabBar,
  },
};
</script>

<style scoped>
.homepage {
  position: relative;
}
.background {
  position: absolute;
  top: 53px;
}
.tabbar {
  position: absolute;
  bottom: 0;
}
</style>

